<template>
    <BaseDialog ref="baseDialog" width="600px" title="详情" @confrim="confrim">
        <div class="title">{{ info.title }}</div>
        <div class="subtract">文章摘要：{{ info.subtract }}</div>
        <div class="content" v-html="info.content"></div>
    </BaseDialog>
</template>


<script>
export default {
    data() {
        return {
           info:{}
        }
    },
    methods: {
        open(data) {
            this.info = data
            this.$refs.baseDialog.open()
        },
        confrim() {
            this.$emit('confrim',this.dot)
            this.close()
        },
        close() {
            this.$refs.baseDialog.close()
        }
    }
}
</script>

<style  scoped>
.title{
    text-align: center;
    color: #272727;
    font-size: 20px;
    margin-bottom: 20px;
}
.subtract{
    border: 1px solid #c0bebe;
    padding: 10px 5px;
    border-radius: 4px;
}
.content{
    max-height: 600px;
    overflow-y: auto;
}
</style>